<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
</head>
</head>
<body>
<header>
    <h1>老年人健康档案服务平台</h1>
</header>
<!-- 导航栏 -->
<nav>
    <div>
        <a href="{{ url_for('index') }}">首页</a>
	<a href="{{ url_for('health_data') }}">健康档案</a>
	<a href="{{ url_for('health_analysis') }}">健康分析</a>
	<a href="{{ url_for('personal_advice') }}">个性化建议</a>
	<a href="{{ url_for('community') }}">健康社区</a>
	<a href="{{ url_for('contact') }}">联系我们</a>

    </div>
    <div class="search-bar">
        <input type="text" id="search-input" placeholder="全文搜索...">
        <button onclick="searchArticles()">搜索</button>
    </div>
</nav>

<div class="section" id="contact">
    <h2>联系我们</h2>
    <p>如果您有任何问题或需要帮助，请通过以下方式联系我们：</p>

    <h3>联系方式</h3>
    <ul>
        <li>地址：北京市某区某街道 100 号</li>
        <li>电话：+86 010-12345678</li>
        <li>邮箱：support@healthplatform.com</li>
    </ul>

    <h3>在线留言</h3>
    <form onsubmit="alert('感谢您的留言，我们将尽快与您联系！'); return false;">
        <label for="name">姓名：</label><br>
        <input type="text" id="name" name="name" placeholder="请输入您的姓名" required><br><br>
        <label for="email">邮箱：</label><br>
        <input type="email" id="email" name="email" placeholder="请输入您的邮箱" required><br><br>
        <label for="message">留言内容：</label><br>
        <textarea id="message" name="message" placeholder="请输入您的留言内容" rows="4" style="width: 100%;" required></textarea><br><br>
        <button type="submit">提交留言</button>
    </form>
</div>

<!-- 页脚 -->
<footer>
    <p>© 2024 老年人健康档案服务平台 | 地址: 北京市某区某街道100号</p>
    <p>友情链接: <a href="https://www.who.int" target="_blank">世界卫生组织</a> | <a href="https://www.nhc.gov.cn" target="_blank">国家卫生健康委员会</a></p>
</footer>

<script>
    // 搜索功能，跳转至健康社区页面并传递搜索关键词
    function searchArticles() {
        const query = document.getElementById('search-input').value.trim();
        if (query) {
            window.location.href = "{{ url_for('community') }}?search=" + encodeURIComponent(query);
        } else {
            alert('请输入搜索内容！');
        }
    }
</script>


</body>
</html>
